import React,{Component} from 'react'

import {SelectStyle} from './StyleMytask'
import Task from '../hall/component/Task'
import Line from './components/Line'
import UIButton from 'components/UIButton/UIButton'

class Select extends Component{
    render(){
        return(
            <SelectStyle>
                <Task></Task>
                <div className="title">共<p>N</p>人正在抢单</div>
                <Line></Line>
                <Line></Line>
                <div className="btn">
                    <UIButton
                        title='取消任务'
                        width='.6rem'
                        height='.2rem'
                        borderRadius='.05rem'
                        backgroundColor = "#FFB538"
                        titleColor='#fff'
                        titleSize = '.12rem'
                        clickButton = {()=>this.onClickcancel(210)}
                    ></UIButton>
                    <UIButton
                        title='修改信息'
                        width='.6rem'
                        height='.2rem'
                        borderRadius='.05rem'
                        backgroundColor = "#FFB538"
                        titleColor='#fff'
                        titleSize = '.12rem'
                        clickButton = {()=>this.onClickcheck(211)}
                    ></UIButton>
                </div>
            </SelectStyle>
        )
    }
    onClickcancel(tag){
        console.log(tag)
    }
    onClickcheck(tag){
        console.log(tag)
    }
} 

export default Select